<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/index_style.css"/>
    <link rel="stylesheet" type="text/css" href="css/threeCharts.css"/>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <link rel="stylesheet" type="text/css" href="css/province_index.css"/>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.0.0-beta.2/echarts.min.js"></script>
</head>
<body>

<!-- 页面头部区域 -->
<div id="head_content" style="position: relative">
    <div class="head_logo">
        <img src="img/baidu_logo.png" height="25"/>
    </div>
    <div class="address" style="">
        <form class="layui-form" action="">
            <div class="">
                <select name="city"  id="select" lay-filter="brickType">
                    <option value="0" id="op"></option>

                </select>
            </div>
        </form>
       <!-- <form class="layui-form" action="">

            <select  name="city" lay-verify="brickType" id="select"  >&lt;!&ndash;onchange="f(this.value)"&ndash;&gt;
                <option value="" id="op"></option>
                &lt;!&ndash;<option value="0">北京</option>
                <option value="1">上海</option>
                <option value="2">广州</option>
                <option value="3">深圳</option>
                <option value="4">杭州</option>&ndash;&gt;
            </select>
        </form>-->



    </div>
    <div class="sub_title">
        新型冠状病毒肺炎
    </div>
    <div class="title">
        <h1>疫情实时大数据报告</h1>
    </div>
    <div class="readnum back" id="back">
        去疫情首页
    </div>
</div>

<!-- 页面主体区域 -->
<div class="content" >
    <!-- lab页 -->
    <div id="yiqing_lab">
        <div id="yiqing_in">
            <span  class="active">疫情动态</span>
        </div>
        <div id="yinqing_out">
            <span>本地播报</span>
        </div>
    </div>

    <!-- 国内疫情数据展示 -->
    <div id="yiqing_data_block">
        <div class="title">
            <h4 id="title"></h4>
            <span id="title1"></span>
        </div>
        <div id="box" class="content" style="height: 130px">
            <div class="info_block">
                <span class="lab">新增确诊</span>
                <span class="current_num color" id="ProvinceCount0"></span>

            </div>
            <div class="info_block">
                <span class="lab">新增本土</span>
                <span class="current_num color" id="ProvinceCount1"></span>

            </div>
            <div class="info_block">
                <span class="lab">新增境外</span>
                <span class="current_num color" id="ProvinceCount2"></span>

            </div>
            <div class="info_block">
                <span class="lab">新增无症状</span>
                <span class="current_num color" id="ProvinceCount3"></span>

            </div>
            <div class="info_block">
                <span class="lab">现有确诊</span>
                <span class="current_num color" id="ProvinceCount4"></span>

            </div>
            <div class="info_block">
                <span class="lab">累计确诊</span>
                <span class="current_num color" id="ProvinceCount5"></span>

            </div>
            <div class="info_block">
                <span class="lab">累计治愈</span>
                <span class="current_num color" id="ProvinceCount6"></span>

            </div>
            <div class="info_block">
                <span class="lab">累计死亡</span>
                <span class="current_num color" id="ProvinceCount7"></span>

            </div>
        </div>
        <div class="title">
            <span id="title2"></span>
        </div>
        <hr>
        <!--折线图-->
        <div id="threeMap" class="chartsContent"></div>
        <div class="chooseCharts">
            <div class="chooseBox" onclick="choosed(this);makeProChart1()">
       		<span>
       			新增
       		</span>
                <span>
       			本土趋势
       		</span>
            </div>
            <div class="chooseBox" onclick="choosed(this);makeProChart2()">
                <span>新增</span>
                <span>无症状趋势</span>
            </div>
            <div class="chooseBox" onclick="choosed(this);makeProChart3()">
                <span>新增</span>
                <span>确诊趋势</span>
            </div>
            <div class="chooseBox" onclick="choosed(this);makeProChart4()">
                <span>确诊/</span>
                <span>治愈/死亡</span>
            </div>
        </div>
    </div>


</div>
<!--底部-->
<div class="foot">
    <div class="between">
        <span class="p"></span>
        <span>积极防护，保护自己，戴口罩，勤洗手</span>
        <span class="p"></span>
    </div>

</div>

    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <script  type="text/javascript" src="js/province_index.js"></script>
    <script  type="text/javascript" src="js/threeCharts.js"></script>
    <script>
        var div=document.getElementById('back').onclick=function () {
            console.log('返回主页');
            window.location.href = "/";
        }

       /* layui.use('form', function() {
            var form=layui.form;
            form.on('select(brickType)', function(data){
                var val=data.value;
                console.info(val);
            });
        });*/

    </script>

</body>
</html>